<template>
	<view class="contacts">
		<!-- S 顶部导航 -->
		<sol-navbar title="通讯录"></sol-navbar>
		<!-- E 顶部导航 -->

		<!-- S 索引列表 -->
		<uni-indexed-list :options="list" @click="bindClick"></uni-indexed-list>
		<!-- E 索引列表 -->
	</view>
</template>

<script>
	export default {
		name: "Contacts",
		data() {
			return {
				// 粉丝列表
				list: [{
					"letter": "☆",
					"data": [
						"阿克苏机场",
						"阿拉山口机场",
						"阿勒泰机场",
						"阿里昆莎机场",
						"安庆天柱山机场",
						"澳门国际机场"
					]
				},{
					"letter": "A",
					"data": [
						"阿克苏机场",
						"阿拉山口机场",
						"阿勒泰机场",
						"阿里昆莎机场",
						"安庆天柱山机场",
						"澳门国际机场"
					]
				}, {
					"letter": "B",
					"data": [
						"保山机场",
						"包头机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场"
					]
				}, {
					"letter": "C",
					"data": [
						"保山机场",
						"包头机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场"
					]
				}, {
					"letter": "D",
					"data": [
						"保山机场",
						"包头机场",
						"北海福成机场",
						"北京南苑机场",
						"北京首都国际机场"
					]
				}]
			};
		},
		computed: {},
		methods: {
			// 点击更多
			bindClick(id) {
				this.$log(this.$options.name, id);
			},
		}
	}
</script>

<style lang="scss">
	.contacts {
		min-height: 100vh;
		background-color: $--color-background;
 
	}
</style>
